/* 公用颜色部分 */
$gz-border-color: #e5e5e5; /* 列表边框颜色 */
$gz-btn-back: #24c789; /* 按钮通用背景色 */

.uni-color-primary {
	color: #24c789;
}

/* 字体 */
html,
body {
	font-family: Noto sans;
	font-size: 14px;
}
// 右下角的加号
	.add-apply {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		right: 30rpx;
		bottom: 110rpx;
		width: 90rpx;
		height: 90rpx;
		border-radius: 10rpx;
		background: #3981ff;
		z-index: 99;
		image {
			width: 40rpx;
			height: 40rpx;
		}
	}
/*  通用左右布局样式  列表整体带有上下边框 列表子项带有下边框(0.5px)。可以通过hide-border隐藏边框 */
.gz-list {
	position: relative;
	&::after,
	&::before {
		position: absolute;
		z-index: 3;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		content: '';
		transform: scaleY(0.5);
		background-color: $gz-border-color;
	}
	&::before {
		top: 0;
	}
	.gz-list-item {
		padding: 35rpx 30rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
		&::after {
			position: absolute;
			z-index: 3;
			right: 0;
			bottom: 0;
			left: 35rpx;
			width: calc(100% - 35rpx);
			height: 1px;
			content: '';
			transform: scaleY(0.5);
			background-color: $gz-border-color;
		}
	}
}
.hide-border {
	&::after,
	&::before {
		height: 0 !important;
	}
}

// 输入框中的文字大小
.uni-input-placeholder,
.uni-input-input {
	font-size: 14px;
}

// 通用按钮
.gz-button {
	height: 90rpx;
	line-height: 90rpx;
	text-align: center;
	font-weight: 500;
	font-size: 30rpx;
	color: #fff;
	border-radius: 10rpx;
	background: $gz-btn-back;
}

// 通用小按钮
.submit-btn{
	border-radius: 10rpx;
	background: #3981FF;
	color: #fff;
	padding: 5rpx 15rpx;
}

/* 用户协议政策 */
.agreement-policy-box {
	display: flex;
	justify-content: space-between;
	height: 50rpx;
	margin: 0 auto;
	position: fixed;
	bottom: 50rpx;
	left: 75rpx;
	.select-img {
		width: 50rpx;
		height: 50rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.agreement-policy-text {
		display: flex;
		align-items: center;
		text {
			color: #666f80;
			font-size: 25rpx;
		}
		.service-agreement,
		.privacy-policy {
			color: #175be6;
		}
	}
}
/* 登录注册按钮 */
.login-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 600rpx;
	height: 100rpx;
	border-radius: 10rpx;
	border: 3rpx solid #0041c4;
	color: #0041c4;
	font-size: 30rpx;
	margin-bottom: 30rpx;
}
/* 登录注册填写表单完成时按钮样式 */
.completed {
	background: #0041c4;
	color: #fff;
}
.register-box {
	display: flex;
	justify-content: center;
	align-items: center;
	text {
		font-size: 25rpx;
		color: #666f80;
	}
	.go-register {
		color: #175be6;
	}
}
/* 登录注册输入框 */
.input-box {
	width: 100%;
	.input {
		margin-bottom: 50rpx;
	}
	.input:last-child {
		margin-bottom: 0;
	}
	.verification-code-input {
		display: flex;
		justify-content: space-between;
		.send-message {
			width: 250rpx !important;
			height: 80rpx;
			border: 2rpx solid #dfe1e6;
			border-radius: 10rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 18rpx 0 90rpx 30rpx;
			text {
				color: #bfbfbf;
				font-size: 25rpx;
			}
		}
		.fillIn {
			border: 2rpx solid #175be6;
			text {
				color: #175be6;
			}
		}
	}
}
/* 登录注册顶部样式 */
.content {
	overflow: hidden;
	image {
		width: 100%;
		height: 100%;
	}
	.login-background-box {
		width: 100%;
		height: 300rpx;
	}
	.content-main {
		padding: 0 75rpx;
	}
}

/* 暂无更多数据 */
.empty {
	width: 100%;
	height: 122rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 50rpx 0;
	image {
		width: 124rpx;
		height: 80rpx;
	}
	text {
		color: #9ea5b3;
		font-size: 23rpx;
	}
}

/* 时间选择器样式重置 */
.uni-picker-custom {
	padding-top: 30rpx;
	background: #fff !important;
	border-radius: 20rpx;
}
.uni-picker-content {
	height: 600rpx !important;
}
.uni-picker-custom {
	display: flex;
	flex-direction: column;
	.uni-picker-header {
		order: 1;
		padding: 24rpx;
		box-sizing: border-box;
		font-size: 30rpx;
		height: auto !important;
		display: flex !important;
	}
	.uni-picker-action-cancel {
		width: 270rpx;
		color: #808080;
		margin-right: 30rpx;
		border: 1px solid #c5c7cc;
		border-radius: 10rpx;
	}
	.uni-picker-action-confirm {
		border-radius: 10rpx;
		flex-grow: 1;
		background: #0041c4;
		color:#fff !important;
		max-width:100% !important;
	}
} 

// 列表页尾部的提示文字
.list-tip-text {
	margin: 31rpx 54rpx;
	color:#ccc;text-align: center;
}

/* uni-switch-input 切换按钮 */
uni-switch .uni-switch-input{
	height: 17px;
	width: 32px;
}
uni-switch .uni-switch-input:after, uni-switch .uni-switch-input:before {
	height: 15px;
	width: 30px;
}
uni-switch .uni-switch-input:after {
	width: 15px;
}
uni-switch .uni-switch-input.uni-switch-input-checked:after {
	transform: translateX(15px);
}
uni-radio .uni-radio-input{
	height: 17px;
	width: 17px;
}
/*  #ifdef  MP-WEIXIN  */
switch{
	transform:scale(0.6) !important;
}
uni-radio{
	transform:scale(0.8) !important;
}



/*  #endif  */

// 我的
.config{
	width: 100%;
	margin-top: 20rpx;
	background-color: #FFFFFF;
	.config-item{
		box-sizing: border-box;
		margin-left: 50rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 50rpx;
		border-bottom: 2rpx solid #e8e8e8;
		.title{
			padding: 35rpx 0 35rpx 0;
			font-weight: 500;
			font-size: 28rpx;
			text-align: left;
			color: #000;
		}
	}
	.config-item:last-child {
		border: none;
	}
}

// 进件保存二维码
.down-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	image {
		width: 300rpx;
		height: 300rpx;
	}
	.down {
		line-height: 90rpx;
		text-align: center;
		margin: 20rpx auto;
		width: 90%;
		height: 90rpx;
		border-radius: 10rpx;
		background: #0041c4;
		border: 3rpx solid #0041c4;
		color:#fff;
	}
}

// 设备管理列表公共样式
.device-main {
	background-color: #f5f7fa;
	height: 100%;
	.common-add {
			width: 90rpx;
			height: 90rpx;
			border-radius: 10rpx;
			background-color: #3981ff;
			box-sizing: border-box;
			position: fixed;
			bottom: 200rpx;
			right: 30rpx;
			padding: 25rpx;
			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	.split {
		background-color: #f5f7fa;
		width: 100%;
		height: 1rpx;
	}
	.list-area {
		width: 100%;
		margin: 0 auto;
		padding-top: 2rpx;
		box-sizing: border-box;
		border-top: 1px solid #ededed;
		.list-item {
			height: 140rpx;
			width: 100%;
			background-color: #ffffff;
			border-bottom: 1px solid #ededed;
			display: flex;
			justify-content: space-between;
			align-items: center;
			overflow: hidden;
			box-sizing: border-box;
			padding: 0 0 0 30rpx;
			
			.item-content {
				width: 65%;
				height: 100rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
			
				.img {
					height: 72rpx;
					width: 69rpx;
					image {
						height: 72rpx;
						width: 100%;
					}
				}
				.text {
					height: 115%;
					width: 80%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					
					// background-color: #0041c4;
					.title {
						// height: 50%;
						
						padding-bottom: 5rpx;
						font-weight: bold;
						font-size: 27rpx;
						color: #000;
					}
					.content {
						height: 40%;
						font-weight: 500;
						font-size: 22rpx;
						letter-spacing: 0.05em;
						color: #8d95a6;
						display: flex;
					}
				}
			}
			.item-op {
				width: 10%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-left: 100rpx;
				image {
					height: 100%;
					width: 100%;
				}
			}
		}
		image {
			margin-right: 30rpx;
		}
		
		// #ifdef MP
		.text{
			// background-color: #3981ff;
			width: 200rpx;
		}
		//#endif
		.switch{
		
			margin-left: 40rpx;
		}
	}
	.popview {
		box-sizing: border-box;
		width: 630rpx;
		height: 412rpx;
		border-radius: 20rpx;
		background: #fff;
		padding: 50rpx 50rpx 30rpx 50rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		position: absolute;
		top: -500rpx;
		left: -310rpx;
		.title {
			font-weight: bold;
			font-size: 33rpx;
			color: #000;
		}
		.content {
			height: 30%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.op {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;

			button {
				width: 45%;
				height: 110rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.list-null {
		height: 100rpx;
		width: 180rpx;
		margin: 0 auto;
		margin-top: 150rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-weight: 500;
		font-size: 23rpx;
		color: #9ea5b3;
		.null-img {
			height: 80rpx;
			width: 124rpx;
			image {
				height: 100%;
				width: 100%;
			}
		}
	}
}

// 公共按钮
.gz-button {
	width: 690rpx;
	height: 120rpx;
	border-radius: 20rpx;
	background: #3981ff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 33rpx;
	color: #fff;
}

// 福分页面样式
// 卡片圆角修改
.cardSty{
	
	.uni-card{
		border-radius: 16rpx;
		margin: 30rpx !important;
	}
	
	.custom-header{
		display: flex;
		justify-content: space-between;
		padding: 24rpx 20rpx 24rpx 30rpx;
		font-size: 30rpx;
		color: rgba(0,0,0,0.90);
		letter-spacing: 0;
		font-weight: 500;
		
		&-box{
			text{
				font-size: 34rpx;
				color: #F6D1A8;
			}
			&-sub{
				// transform: scaleX(-1);
				background-image: linear-gradient(270deg, rgba(251,234,211,0.00) 0%, rgba(246,209,168,0.60) 100%);
				border-radius: 8rpx;
				font-size: 10px;
				color: #7A5427;
				font-weight: 400;
				padding: 4rpx 10rpx;
			}
		}
		&-extra{
			font-size: 24rpx;
			color: rgba(0,0,0,0.50);
		}
	}
	
	.cardSty-uni-list{
		.uni-list-item__container{
			position: relative;
			display: flex;
			align-items: center;
			padding-top: 30rpx;
			padding-bottom: 30rpx;
		}
		.uni-list-item__container::after {
			position: absolute;
			box-sizing: border-box;
			content: ' ';
			pointer-events: none;
			right: 32rpx;
			bottom: 0;
			left: 32rpx;
			border-bottom: 1px solid rgba(0,0,0,0.10);
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
		}
		.slot-image{
			position: relative;
			width: 72rpx;
			image{
				width: 100%;
				vertical-align: middle;
			}
			&-mini{
				width: 32rpx;
				display: inline-flex;
			}
			
			&-text{
				position: absolute;
				top:30rpx;
				width: 90%;
				color: #FC5B38;
				font-size: 24rpx;
				display: flex;
				align-items: center;
				justify-content:center;
				line-height: 1.2;
				text{
					font-size: 60rpx;
					font-weight: 700;
				}
			}
		}
		.slot-body{
			flex:1;
			font-weight: 500;
			padding: 0 10rpx;
			line-height: 1.2;
			&-title{
				font-size: 30rpx;
				color: rgba(0,0,0,0.90);
			}
			&-desc{
				font-size: 24rpx;
				color: rgba(0,0,0,0.50);
				image{
					vertical-align:text-bottom;
				}
				text{
					color: #CA873D;
				}
			}
			&-desc2{
				color: #FC5B38;
				font-size: 24rpx;
				display: flex;
				align-items: center;
				margin-top: 30rpx;
				text{
					font-size: 40rpx;
					font-weight: 800;
					margin-right: 6rpx;
					line-height: 1;
					
				}
			}
			&-desc3{
				color: rgba(0,0,0,0.90);
				font-size: 24rpx;
				display: flex;
				align-items: center;
				margin-top: 30rpx;
				text{
					font-size: 30rpx;
					font-weight: 800;
					margin-right: 6rpx;
					line-height: 1;
					color: #FC5B38;
				}
			}
		}
		.slot-footer{
			width: 220rpx;
			text-align: right;
			&.sty2{
				width: 160rpx;
				align-items: center;
				image{
					display: inline-block;
					width: 32rpx;
					height: 32rpx;
					vertical-align:text-bottom;
				}
			}
			.slot-footer-text{
				font-size: 24rpx;
				color: rgba(0,0,0,0.50);
				margin-bottom: 40rpx;
				
				&.sty2{
					font-size: 28rpx;
					color: rgba(0,0,0,0.90);
				}
			}
			.slot-btn{
				display: inline-block;
				width: 150rpx;
				background-image: linear-gradient(117deg, #FBEAD3 0%, #F6D1A8 100%);
				border-radius: 36rpx;
				font-size: 28rpx;
				color: #7A5427;
				text-align: center;
				padding: 10rpx 0;
				font-weight: 500;
				
				&.sty2{
					color: #FFFFFF;
					background-image: linear-gradient(90deg, #FD8B61 0%, #FB5332 100%);
				}
				
				&.disabled{
					opacity: .5;
				}
			}	
		}
		
	}
	.cardSty-uni-list.big{
		.slot-image{
			width: 160rpx;
		}
		.uni-list-item__container{
			padding-top: 20rpx;
			padding-bottom: 20rpx;
		}
	}
}
// -------------福分页面样式

// 自定义字体
// @font-face {
//     font-family: "YouSheBiaoTiHei";
// 	src: url("https://jdyd-marketing-public.oss-cn-hangzhou.aliyuncs.com/yx/YouSheBiaoTiHei.ttf") format("truetype");
// 	font-style: normal;
//     font-weight: normal;
// }
